<template>
  <view class="main">
    <view class="bgStyle">    
    </view>
    <view class="perInfo">
      <view class="perInfo-left">
        <view class="perInfo-avatarbox">
          <img src="@/static/logo.png" alt="头像">
        </view>
        <view class="perInfo-namebox">
          <span class="perInfo-name">{{username}}</span>
          <span class="perInfo-job">{{job}}</span>
        </view>
      </view>
      <view class="perInfo-right">
        <img src="@/static/img/rightArrow.png" alt="更多">
      </view>
    </view>
    <view class="blank-pos"></view>
    <!-- 常用操作部分 -->
    <view class="normal-action-title">常用操作</view>
     <view class="uni-padding-wrap">
            <view class="page-section swiper">
                <view class="page-section-spacing">
                    <swiper class="swiper">
                        <swiper-item>
                            <view class="swiper-item uni-bg-red">A</view>
                        </swiper-item>
                        <swiper-item>
                            <view class="swiper-item uni-bg-green">B</view>
                        </swiper-item>
                        <swiper-item>
                            <view class="swiper-item uni-bg-blue">C</view>
                        </swiper-item>
                    </swiper>
                </view>
            </view>
     </view>
     <!-- <view class="setting-style" v-for="(item,index) in settingData" :key="index"> -->
       <view class="single-setting" v-for="(item,index) in settingData" :key="index">
         <view class="single-setting-title">
           <view class="title-icon">
             <img :src="`/static/img/${item.iconUrl}`" alt="">
           </view>
           <view class="title-txt">{{item.titleTxt}}</view>
         </view>
         <view v-if="item.titleTxt != '深色模式'" class="single-setting-more">
            <img src="@/static/img/rightArrow.png" alt="更多">
         </view>
         <view v-else>
           <switch />
         </view>
       </view>
         <!-- <view class="split-line"></view> -->

     <!-- </view> -->
     <navigator class="exit" url="/pages/index/index">
       <button type="default">退出登录</button>
     </navigator>
  </view>
     <!-- <view class="tabBlankPosition"></view> -->

  
</template>

<script>
export default {
name:"my-index",
data(){
  return {
    username:"李小龙",
    job:"产品经理",
    settingData:[
      {
        iconUrl:"staffDynamtic.png",
        titleTxt:"员工动态",
      },
      {
        iconUrl:"myDynamic.png",
        titleTxt:"我的动态",
      },
      {
        iconUrl:"darkMode.png",
        titleTxt:"深色模式",
      },
      {
        iconUrl:"updatePwd.png",
        titleTxt:"修改密码",
      },      
      {
        iconUrl:"checkUpdate.png",
        titleTxt:"检查更新",
      },
      {
        iconUrl:"aboutApp.png",
        titleTxt:"关于应用",
      }
    ]
  }
}
}

</script>
<style scoped lang="scss" scoped>
@import "./my.scss"
</style>